<template>
    <div class='app-container'>
    <div class='submit'>
        <img src="../../assets/images/success.png" alt="" width='120px' class='image'>
        <div class='suc'>提交成功!</div>
        <div class='tijiao'>所有保单号提交成功,共提交{{len}}条</div>
        <button type='button' class='btn1 el-button el-button--primary el-button--small' v-on:click='leadlist()'>继续导入保单</button>
        <button type='button' class='btn1 btn2 el-button el-button--primary el-button--small' v-on:click='lookedit()'>查看导入详情</button>
    </div>
    </div>
</template>
<script>
    export default{
       data(){
        return {
            len:null,
            ruleForm:{},
        }
    },
    mounted(){
        this.id = this.$route.params.id;
        this.ruleForm=this.$route.params.ruleForm;
        this.len=this.$route.params.len
        console.log(this.ruleForm)
    },
    methods:{
    leadlist(){
        this.$router.push({name:'insentry1'})
    }, 
    lookedit(){
        // console.log(this.ruleForm)
        // let str=JSON.stringify(this.ruleForm)
        // this.$router.push({name:'policyhistory',query:{
        //     id:this.id,
        //     ruleForm:str
        // }})
        this.$router.push({name:'policyhistory'})

    }  
    }
    
    }
    
</script>
<style lang="scss" scoped>
    .submit{
       margin:0 auto;
        text-align:center;
        color: #333;
        .image{
            margin-top: 130px;
        }
        .suc{
            text-align: center;
            font-size: 24px;
            margin-top: 50px;
            margin-bottom: 20px;
        }
        .tijiao{
            margin-bottom: 100px;
            font-size: 13px;
        }
        .btn1{
            width: 190px;
            padding: 6px 50px;
            border-radius: 5px;
        }
        .btn2{
            margin-left:60px;
            background-color: #f7f7f7;
            color: #666;
            border: 1px solid #ddd;
        }
    }
</style>